require.config({
	//依赖于jquery的js
	shim:{
		"cookie":["jquery"],
		"page":["jquery"],
		"fly":["jquery"],
		"requeset":["jquery"]
		
	},
	paths:{
		"jquery":"jquery-1.11.3",
		"cookie":"jquery.cookie",
		"page":"jquery.page",
		"iconfont":"../iconfont/iconfont",
		"fly":"jquery.fly",
		"requeset":"chang"
	}
})
require(["jquery","cookie","page","iconfont","fly","requeset"],function($,cookie,page,iconfont,fly,requeset){
	 $(function(){
	 	//---------------------------------------------插入头部
	 	$("#pro_chatop").load("../html/Top&Bottmo.html .top",function(){
			
	})
	 	$("#pro_chabom").load("../html/Top&Bottmo.html .bottom")
	 	$("#pro_chari").load("../html/Top&Bottmo.html .amj_r",function(){
			var l = `<script src="../js/Top&Bottom.js"></script>`
		$("body").append(l)
	})
		 	//-----------------头部划过出现a变色
		 $("#prolist_home_top").find("a").hover(function(){
		 	$(this).css({"color":"red"})
		 },function(){
		 	$(this).css({'color':"#000000"})
		 })
		 $(".prolist_home_toplia").mouseenter(function(){
		 	$(this).parent().find("div").css({"display": "block"})
		 })
		 $(".prolist_home_toplia").mouseleave(function(){
		 	$(this).parent().find("div").css({"display": "none"})
		 })
		 $(".prolist_home_topli").find("div").mouseenter(function(){
		 	$(this).css({"display": "block"})
		 })
		 $(".prolist_home_topli").find("div").mouseleave(function(){
		 	$(this).css({"display": "none"})
		 })
		 //-------------------------------------------------------点击高度变化
		 var $index = 0
		 $("#prolist_boxct_lt h4").click(function(){
		 	 
		 	if($index%2 == 0){
		 		$("#prolist_boxct_lt ").animate({"height":"80"},200)
		 		$("#prolist_boxct_lt span").html("+")
		 		$index++
		 	}else{
		 		$("#prolist_boxct_lt ").animate({"height":"290"},200)
		 		$("#prolist_boxct_lt span").html("-")
		 		$index++
		 	}
		 })
		 //--------------------------------------------------a变色
		 $("#prolist_shai_bom").find("a").hover(function(){
		 	$(this).css({"color":"red"})
		 },function(){
		 	$(this).css({"color":"#222222"})
		 })
		 $("#prolist_boxct_lt").find("a").hover(function(){
		 	$(this).css({"color":"red"})
		 },function(){
		 	$(this).css({"color":"#222222"})
		 })
		 //----------------------------------------------------点击默认北京颜色
		$(" #pro_fen ul li a").click(function(){
			$(this).parent().siblings().find("a").removeClass("proactive")
			$(this).addClass("proactive")
		})
		//-----------------------------------------------------拼接热卖
		 $.getJSON("../js/pro.json",function(str){
		 	 $.each(str.remai,function(index,value){
 	 			$("#pro_remai ul").append(
 	 				`<li>
						<a href="#">
							<img class="pro_caimg" src="${value["img"]}"/>
						</a>
						<p>${value["p"]}</p>
						<h3>￥${value["jia"]}</h3>
						<span>已有<b>${value["lun"]}</b>人评价</span>
					</li>`
 	 			)
		 	 })
		 	 
		 	 $("#pro_remai ul li p").hover(function(){
		 	 	 $(this).css({"text-decoration":"underline","color":"red"})
		 	 },function(){
		 	 	$(this).css({"text-decoration":"none","color":"#000"})
		 	 })
			
 			//初始页数
			var num = 3;
			//初始数量
			var indexnum =48
			//每次点击更改数量
			$("#pro_ye i").eq(1).css("background","red")
			$("#pro_ye i").click(function(){
			 		$(this).parent().find("i").css("background","#000000")
			 		$(this).css("background","red")
			 		//转换为number
			 		num = Number(Math.ceil(100/$("#pro_ye span").eq($(this).index()/2).html()));
			 		indexnum = Number($("#pro_ye span").eq($(this).index()/2).html())
			 		//调用
			 		fn()
			 }) 
			 //自运行一次
			 fn()
	 		function fn(){
	 			$('.page').createPage(function(n){
			   //n即是页码，这里写你操作页面的东西
			 	//每次拼接之前要清空
			 	 var st = str.biglist
			 	$("#pro_listbig").html(null)
			 	 var ls=""
			 	 //期末位置
			 	 var qinum= (n-1)*indexnum
			 	 var monum = n*indexnum
			 	 //判断最后一页
			 	 if(n == num){
			 	 	monum = 100
			 	 }
			 	 
			 	 for(var i =qinum ;i<monum ;i++){	 
			 	 ls += `<li >
							<a href="../html/detal.html" class="pro_zhena"><img src="${st[i]["img"]}" pid="${st[i]["pid"]}"/></a>
							<a href="#" class="pro_jiaa"><span>[降价]</span>${ st[i]["a1"]}<span>爱他美</span>${ st[i]["a2"]}</a>
							<div class="pro_list_bigjia">
								<span>${ st[i]["di"]}</span>
								<span>${ st[i]["gao"]}</span>
							</div>
							<div class="pro_list_bigpin">
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<p>已经有<b>${ st[i]["ping"]}</b>人评价</p>
							</div>
							<div class="pro_list_bigpo"></div>
							<div class="pro_liss_bigzhe">
								<div class="pro_gou_bom">
									<input type="button" class="pro_gou_btn" value="购物车"/>
									<div class="pro_gou_ao">
										<i></i>
										奥买家 ▪ 全球旗舰店
									</div>
								</div>
							</div>
						</li>`
			 	
			 	 }
			      $("#pro_listbig").append(ls)
			      $("#pro_ye p b").eq(1).html(num)
				  $("#pro_ye p b").eq(0).html(n)
				  $("#pro_ye p b").eq(0).css("color","red")
				  //给每一个li绑定事件--------------------------------
				  $("#pro_listbig li").hover(function(){
				  	$(this).css({"zIndex":"100"})
				  	 $(this).find(".pro_liss_bigzhe").css({"display":"block"})
				  },function(){
				  	$(this).css({"zIndex":"1"})
				  	 $(this).find(".pro_liss_bigzhe").css({"display":"none"})
				  })
				  
				  
				  		 $("#amj_r_g span").html(loadCart());
		
		 $(".pro_gou_btn").click(function(e){
		 	 var goodId = $(this).parent().parent().parent().find(".pro_zhena img").attr("pid")
		 	 var goodSrc = $(this).parent().parent().parent().find(".pro_zhena img").attr("src")
		 	 var goodNei = $(this).parent().parent().parent().find(".pro_jiaa").text()
		 	 var goodYuan = $(this).parent().parent().parent().find(".pro_list_bigjia span").eq(1).html()
		 	 var goodJiang = $(this).parent().parent().parent().find(".pro_list_bigjia span").eq(0).html()
		 	 
		 	 //----------------------------获取cookie
		 	var cartStr = $.cookie("good") ? $.cookie("good") : "";
		 	//console.log($.cookie())
		 	var cartobj = strtoobj(cartStr)
		 	//------判断次商品是否在cookie中
		 	if(goodId in cartobj){
		 			cartobj[goodId].num +=1
		 			 
		 	}else{
		 		cartobj[goodId] = {
		 			nei :goodNei,
		 			src :goodSrc,
		 			yuan:goodYuan,
		 			jiang:goodJiang,
		 			num :"1"
		 		}
		 	}
		 	//-------------------在将商品信息转化为字符串存储进去cookie
		 	cartStr = objtostr(cartobj)
		 	 
		 	$.cookie("good",cartStr,{expirex:7,path:"/"})
		 	loadCart()
		 	 //飞入
		 	var cloneImg = $(this).parent().parent().parent().find(".pro_zhena img").clone().css({"width":50,"height":50,"zIndex":"1000"});
					cloneImg.fly({
						start : {
							top : e.clientY,
							left : e.clientX
						},
						end :{
							top : 350,
							left : 1240,
							width:0,
							height:0
						},
						autoPlay : true,
						onEnd : function(){
							$("#amj_r_g span").html(loadCart());
							$("#amj_r_rbnum").find("span").html(loadCart())
	 		 	 			$("#amj_r_rbpic").find("span").html(manei())
							cloneImg.remove();
							var str = $.cookie("good")
							var strobj = strtoobj(str)
							if(str){
								$(".amj_r_rp").css({"display":"none"})
								var pan = false
			 				 	 $(".gouwuactive img").each(function(){
			 				 			if($(this).attr("pid") == goodId){
			 				 			$(this).parent().find("div section b").html(parseInt($(this).parent().find("div section b").html())+1)
			 				 			pan = true
			 				 			}
			 				 	})
			 				 	 if(pan == false){
				 				 	 var ls = `<div class="gouwuactive">
										<img src="${goodSrc}" pid ="${goodId}"/>
										<div>
											<p>${goodNei}</p>
											<section>
												<span>￥${goodJiang}</span>
												<b>1</b>
												<em>X</em>
											</section>
										</div>
									</div>`
						 		 	 $("#amj_r_r").append(ls)
			 				 	 }
							}
						}
					})
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	
		 	 
		 })
				  
			 	
			},{
				//参数页数，对象的形式
				pageCount:num
			})
	 		}
	 		
	 		 
	 		  //-------------------------给每个购买绑定事件

	 		 
	 		 
	 		 //----将字符串转化为对象的格式
		 	function strtoobj(str){
		 		if(!str){
		 			return {}
		 		}
		 		var goods = str.split("!")
		 		var obj ={}
		 		for(var i=0;i<goods.length;i++){
		 			var data = goods[i].split(",")
		 			obj[data[0]]={
		 				nei :data[1],
		 				src : data[2],
		 				yuan : data[3],
		 				jiang : data[4],
		 				num:parseInt(data[5])
		 			}
		 		}
		 		return obj
		 	}
		 	//-------将对象转化为字符串
		 	function objtostr(obj){
		 		 var strr =""
		 		 for(var id in obj){
		 		 	if(strr){
		 		 		strr += "!"
		 		 	}
		 		 	strr += id +","+obj[id].nei+","+obj[id].src+","+obj[id].yuan+","+obj[id].jiang+","+obj[id].num
		 		 }
		 		 return strr
		 	}
		 	//-----------------算一共有多少件数
		 	
		 function loadCart(){
				var cartStr = $.cookie("good") ? $.cookie("good") : "";
					var cartObj = strtoobj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for(var id in cartObj){
						total += cartObj[id].num;
						 
					}
					return total
			}
		 //----------------------------算一共有多少钱数
		 function manei(){
		 	var cartStr = $.cookie("good") ? $.cookie("good") : "";
					var cartObj = strtoobj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for(var id in cartObj){
						total += cartObj[id].num * cartObj[id].jiang;
						 
					}
					return total
		 }
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		 
	 		
	 		
	 		
		 }) 
		 
		 //滚动条滚动筛选列表跟着动------------------------------------
		 $(window).scroll(function(){
		  
			if($(document).scrollTop()> 815){
				 $("#pro_fen").addClass("pro_fenn")
			}else{
				$("#pro_fen").removeClass("pro_fenn")
			}
			
		 })
		 
		
		 
		 
		 
		 
		 
		 
		 
		 
		 
 		
	 })
			 
			 
})